<template>
	<view class="content">
		<view class="pay-moeny color3 font-weight">¥{{needpay}}</view>
		<view class="pay-item clear-both" v-for="(item,index) in payList" :key="index" @tap="gotoPay(item.name)">
			<image :src="item.icon" mode="aspectFill" class="pay-img mr float-l"></image>
			<text class="fs16 color3 float-l">{{item.name}}</text>
			<image src="/static/tabbar/index/enter.png" mode="aspectFill" class="pay-img float-r"></image>
		</view>
		<!-- <view class="pay-time fs16 color9">支付剩余时间 00:29:59</view>
		<navigator url="../payfail/payfail" class="fs16 colorf done font-weight">完成</navigator> -->
	</view>
</template>

<script src="../../api/order/pay.js"></script>

<style lang="scss">
.content{
	height: 100%;
	width: 100%;
	.pay-moeny{
		height: 32vw;
		line-height: 32vw;
		text-align: center;
		font-size: 8.5334vw;
		margin: 0 4.2667vw;
		border-bottom: 2upx solid #EEEEEE;
	}
	.pay-item{
		height: 16vw;
		line-height: 16vw;
		border-bottom: 2upx solid #EEEEEE;
		margin: 0 4.2667vw;
		.mr{
			margin-right: 2.1334vw;
		}
		.pay-img{
			width: 5.8667vw;
			height: 5.8667vw;
			margin-top: 5.06665vw;
		}
	}
	.pay-time{
		height: 21.334vw;
		line-height: 21.334vw;
		text-align: center;
	}
	.done{
		height: 13.334vw;
		line-height: 13.334vw;
		text-align: center;
		background: #00449F;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 9999;
	}
}
</style>
